@import "components/common/_variables.scss";

.block {
    margin: 75px auto;
    &_inverse {
        background: $color-main;
        color: $color-inverse;
        padding: 75px 0;
    }
    &_alt {
        background: $color-alt;
        color: $color-inverse;
        padding: 75px 0;
    }
    &__content {
        box-sizing: border-box;
    }
    &__columns {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        &_top {
            align-items: flex-start;
        }
        & > * {
            width: 45%;
            @media (min-width: $container-breakpoint-lg) {
                width: 40%;
            }
        }
    }
    &__center {
        text-align: center;
    }
}
